// import tailwind from "@tailwindcss/postcss";
import autoprefixer from "autoprefixer";
import postcssPresetEnv from "postcss-preset-env";
// import prefixer from 'postcss-prefix-selector';
// import postcssAddRootSelector from 'postcss-add-root-selector'

export default {
  plugins: [
    tailwind({
      config: "./tailwind.config.js", // 必须使用相对路径
    }), // 必须在第一
    postcssPresetEnv({
      stage: 3,
      features: { "nesting-rules": true },
    }),
    // postcssAddRootSelector({
    //   rootSelector: '#root',
    //   // transform(prefix, selector) {
    //   //   // 跳过 Tailwind 的 @layer 和基础样式
    //   //   if (selector.startsWith('@layer') || selector.includes('::')) return selector;
    //   //   return `${prefix} ${selector}`;
    //   // }
    // }),
    // prefixer({
    //   prefix: "#root",
      // transform(prefix, selector, prefixedSelector, filePath, rule) {
      //   if (selector.match(/^(html|body)/)) {
      //     return selector.replace(/^([^\s]*)/, `$1 ${prefix}`);
      //   }

      //   if (filePath.match(/node_modules/)) {
      //     return selector; // Do not prefix styles imported from node_modules
      //   }

      //   const annotation = rule.prev();
      //   if (
      //     annotation?.type === "comment" &&
      //     annotation.text.trim() === "no-prefix"
      //   ) {
      //     return selector; // Do not prefix style rules that are preceded by: /* no-prefix */
      //   }

      //   return prefixedSelector;
      // },
    // }),
    autoprefixer(),
  ],
};
